<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone}">
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
			<div class="center">{{$t('redPackage1')}}</div>
			<span @click="$router.push('/redhistory')">{{$t('redPackage2')}}</span>
		</div>
		<div class="content">
			<div class="box">
				<h1>{{$t('redPackage3')}}</h1>
				<div class="inputs">
					<input type="text" @blur="psdBlur" :placeholder="$t('redPackage4')" v-model="psd">
				</div>
				<div class="btn" :class="{wait:clickBtn,en:locale==='en'}" @click="open"></div>
			</div>
			<p class="send" @click="send">{{$t('redPackage5')}} ></p>
			<div class="share-btn" v-if="isNi && whatapp_no && !hiddenWhatsApp" @click="share('nigeriaWhatsappSession')">
				<img src="../../static/images/redpacket/whatsapp.png" alt="">
				<span>Whatsapp</span>
			</div>
			<div class="share-desc" v-if="isNi && whatapp_no && !hiddenWhatsApp">
				<p>Contact sales manager about deepcoin,</p>
				<p>to get max 10 USDT lucky money. </p>
				<p>Monday - Friday, 9:00-17:00</p>
			</div>	
		</div>
	</div>
</template>
<script src="./redMessageOpen.js"></script>
<style scoped lang="scss">
	@import './redMessageOpen.scss';
</style>